<template>
  <div style="display: inline-block; margin: 10px 10px;">
    <el-card class="box-card">
      <div style="padding: 20px 0px;"><img :src="imgUrl" style="width:720px;"></div>
      <div style="padding: 10px 0px; text-align: left;">
        <p>{{detail}}</p>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  props: {
    detail : {type:String,default:""},
    imgUrl : {type:String,default:""},
  },

};
</script>

<style lang="less" scoped>
  /deep/.el-card__header{ padding: 10px 20px;}
  /deep/.el-card__body{ padding: 10px 20px;}
  .el-card{ width:1000px;min-height: 400px; border-radius:20px; }

</style>
